jQuery

JQuery est un framework JavaScript qui permet d'accéder à des éléments d'une page web via les CSS et de modifier aisément leurs propriétés. Il est ainsi possible de créer des animations et des déplacements d'éléments dans une pages Web ...

La bibliothèque contient les fonctionnalités suivantes :

• Parcours et modification du DOM
• Gestion d'événements;
• Effets et animations;
• Manipulations des feuilles de style en cascade (ajout/suppression des classes, d'attributs…);
• Ajax;

Parce que jQuery est un constructeur de code source libre, d'autres personnes utilisent sa syntaxe pour créer de nouveaux modules d'extension afin d'ajouter d'autres fonctionnalités aux bibliothèques. Ceci fait de jQuery une bibiliothèque en permanente évolution et en permanente amélioration. Un atout majeur : La compatibilité entre tous les navigateurs du marché.

Sa simplicité d'utilisation et la diversité de ses possibilités en ont fait un outil maintenant incontournable permettant créer des effets d'animation de zones diverses, de textes, d'images et de boutons.

Ajax

Ajax (acronyme d'Asynchronous Javascript and XML) est une manière de construire des applications Web et des sites web dynamiques basés sur diverses technologies Web.

Ajax est la combinaison de technologies telles que JavaScript, CSS, XML, le DOM et le XMLHttpRequest dans le but de réaliser des applications Web qui offrent une maniabilité et un confort d'utilisation supérieur à ce qui se faisait jusqu'alors — les Rich Internet Applications (abr. RIA).

Les applications Ajax fonctionnent sur tous les principaux navigateurs Web qui mettent en œuvre les technologies décrites précédemment, parmi lesquels Mozilla Firefox, Internet Explorer, Konqueror, Google Chrome, Safari, Opera, etc...

La différence entre un site utilisant l'Ajax et un site classique

Les applications Web classiques permettent aux utilisateurs d'effectuer des choix (suivre un lien, remplir et valider un formulaire) à la suite de quoi une requête est envoyée au serveur Web. Le serveur répondra à la requête en envoyant une page Web complète. Une page web est envoyée en réponse à chaque manipulation, et la transmission de la page web entre le serveur et le navigateur provoque un temps de latence d'autant plus grand que la page est riche en contenu et en présentation (tableaux, couleurs, polices de caractères,...).

Dans les applications Web en Ajax, une page Web est envoyée une seule fois. La page envoyée contiendra un programme écrit en langage Javascript. Lors des manipulations effectuées sur la page par l'utilisateur, le programme en Javascript envoie des requêtes au serveur Web, le serveur répondra aux requêtes en envoyant un document au format XML, ce document ne contient pas d'information de présentation et le nombre d'informations qu'il contient est souvent réduit, d'où des temps de latence plus réduits que ceux d'une application Web classique.

L'inconvénient d'Ajax par rapport à un site classique

La navigation par liens ou formulaires dans un site classique se décrit à l'aide de balise HTML et CSS et sans développement. A l'inverse, une navigation optimisée à l'aide d'Ajax nécessite le développement d'un programme pour chaque lien ou action. C'est pour cette raison que l'utilisation d'Ajax se cantonne souvent aux formulaires nécessitant une interactivité particulière.

Avantages

Ajax permet une diminution des temps de latence, l'apport de nouvelles fonctionnalités, une augmentation de réactivité.

Ajax fait usage de technologies présentes de série sur les principaux navigateurs Web contrairement à des produits tels que Adobe Flex ou Microsoft Silverlight, qui nécessitent l'installation d'un plug-in sur chaque navigateur qui utilisera leur technologie.

En conclusion nous utilisons jQuery et Ajax aussi souvent que possible afin d'améliorer l'ergonomie de nos sites et de nos applications web.